body{
	background: #FFFFFF url('../img/bg.gif') 0 0 repeat-x;
}
#wrapperper{
	/*background: #fff;*/
}
#header{
	position: relative;
	padding: 10px 0;
	background: url('../img/headerBg.png') right top no-repeat;
	background-size: 533px 100%;
}
.wrap{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#logo{
	float: left;
	width: 210px;
	text-align: center;
}
.fl {
	float: left;
}
#logo img, #text_logo img {
	max-width: 100%;
}
#hotline {
	/*position: absolute;
	bottom: 20px;*/
	/*right: 0;*/
	float: right;
	font-size: 18px;
	text-shadow: 2px 0 #FFFFFF, -2px 0 #FFFFFF, 0 2px #FFFFFF, 0 -2px #FFFFFF, 1px 1px #FFFFFF, -1px -1px #FFFFFF, -1px 1px #FFFFFF, 1px -1px #FFFFFF;
}
#hotline b {
	color: #ff0000;
	font-size: 1.4em;
}
.wrap:after, #header:after, #main:after, #footer:after, .box_ct:after, .pagination:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}
.container-white{
}
.nav-top-menu{
	margin: 0;
	background: none repeat scroll 0 0 #00A651;
}
.nav-top-menu .eflat-menu li.active a{
	background: #147B46;
}
.nav-top-menu .eflat-menu li a:hover, .nav-top-menu .eflat-menu li:hover > a{
	background: #147B46;
}
.nav-top-menu .eflat-menu .sub-menu li:hover > a{
	background: none;
}
.container .side-bar-left{
	margin: 0;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.container .content-right{
	padding: 0;
	padding-right: 5px;
	padding-bottom: 5px;
}
.container .content-right #content{
	padding-top: 5px;
}
.container .side-bar-left ul.has-mainmenu{
	border: 1px solid #ccc;
	font-size: 14px;
	border-bottom: 0;
	padding: 0;
	border-radius: 3px;
}
.container .side-bar-left ul{
	margin: 0;
	background: #fff;
}
.container .side-bar-left ul li{
	list-style: none;
}
.container .side-bar-left ul li.has-sub{
}
.container .side-bar-left ul li.has-sub .cat-name{
	padding: 10px;
	background: url(../img/pattern.png) top left repeat;
}
.container .side-bar-left ul li.has-sub{
	color: #006600;
}
.container .side-bar-left ul li.has-sub ul{
	border-top: 1px solid #ccc;
	padding: 0;
}
#content{width: 100%;}
.container .side-bar-left ul li.has-sub ul li{
	cursor: pointer;
	padding: 3px 10px;
	background: linear-gradient(#f7f7f7 0%, #ececec 100%);
	background: #f7f7f7;
	background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
	background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
	border-bottom: 1px solid #ccc;
}
.container .side-bar-left ul li.has-sub ul li a{
	padding: 5px 10px 5px 5px;
	color: #676767;
	display: block;
}
.container .side-bar-left ul li.has-sub ul li a:hover, .container .side-bar-left ul li.has-sub ul li:hover a{
	text-decoration: none;
	color: #d82020;
}
.container .side-bar-left ul li.has-sub ul li a:focus{
	text-decoration: none;
	outline: none;
}
.list-products .fuel-thumb img{
	height: 100px;
	width: 130px;
}
.list-products .fuel-thumb{
	height: 160px;
	padding: 25px 0;
	margin-bottom: 5px;
}
.side-bar-left{
	width: 200px;
}
#products.list-products .fuel-thumb div{
	text-align: center;
	
}
.list-products .nameprice-product{
	text-align: center;
}
.list-products .one-products{
	margin-bottom: 0;
	padding: 10px;
	padding-top: 5px;
}

#name_shop img{
	width: 100%;
}

#touch-menu.mobile-menu{
	width:auto; 
	color: #fff; 
	text-decoration: none; 
	background: none repeat scroll 0 0 #00A651;
}
.list-products .row{
	margin-left: -10px;
	margin-right: -10px;
}
#slide-carousel .carousel-inner div img{
	width: 100%;
	height: 354px;
}
.container-white{
	background: #fff;
	-moz-box-shadow: 0 0 10px #c0c0c0;
	-webkit-box-shadow: 0 0 10px #c0c0c0;
	box-shadow: 0 0 10px #c0c0c0;
}
nav.nav-top-menu ul.eflat-menu{
	margin-bottom: 0;
}
#footer{
	
}
div.title{
	padding: 8px;
	margin-bottom: 0;
	background: url(../img/pattern.png) top left repeat;
	color: #006600;
	font-size: 18px;
	border-radius: 3px;
}
#new-product div.title, #products div.title{
	margin: 0;
}
#pro-content div.title{
	margin: 10px 0;
}
#content .breadcrumb{
	margin-bottom: 5px;
}
/* Product detail */
#detail{
	width: 100%;
	height: auto;
	float: left;
	border: 1px solid #ccc;
}
#detail .top-title{
	border-bottom: 1px solid #ccc;
}
#detail img.img{
	width: 100%;
}
#detail .detail-pro-area{
	padding-top: 15px;
}
#detail .detail-pro-posts{
	padding: 15px;
}
.flex-caption {
	color: #fff;
    position:absolute;
    left:50;right:50;bottom:0;
    background:rgba(0, 0, 0,0.6);
    z-index:1;padding:10px;
 }

/* custom menu */
@media (max-width: 979px){
	.container .side-bar-left{
		width: 200px; 
	}
	/*.container #content{
		padding: 15px;
	}*/
	
	.container .content-right{
		width: 72%;
	}
}
@media (max-width: 767px){
	#touch-menu.mobile-menu {
		display: block;
		margin-top: 0;
	}
	.nav-top-menu{
		margin-bottom: 10px;
	}
	.nav-top-menu .eflat-menu li.active a{
		background: #fff;
		color: #797979;
	}
	.nav-top-menu .eflat-menu li:hover > a{
		color: #797979;
		background: #f0f0f0;
	}
	.nav-top-menu .eflat-menu li.active > a{
		border-left: 3px solid #9CA3DA;
	}
	.nav-top-menu .eflat-menu .sub-menu li:hover > a{
		color: #797979;
		
	}
	.container .side-bar-left{
		width: 100%;
		padding: 0;
	}
	.eflat-menu li:last-child a{
		border-bottom: 1px solid #E0E0E0;
	}
	
	.container .content-right{
		width: 100%;
		padding: 0 5px;
	}
	.container .side-bar-left{
		padding: 0 5px;
		padding-top: 5px;
	}
	.list-products .row{
		margin: 0;
	}
	.list-products .one-products{
		width: 25%;
	}
}
@media (max-width: 645px){
	.list-products .one-products{
		width: 33%;
	}
}
@media (max-width: 553px){
	#detail .left-img-detail, #detail .right-content-detail{
		width: 100%; 
	}
	img{
		width: 100%!important;
		height: auto!important;
	}
	table td, table th{
		width: auto!important;
		height: auto!important;
		padding: 3px!important;
	}
}
@media (max-width: 495px){
	.list-products .one-products{
		width: 50%;
	}
	.list-products .fuel-thumb img{
		width: 130px!important;
		height: 100px!important;
	}
}
@media (max-width: 365px){
	table td, table th{
		width: auto!important;
		height: auto!important;
		padding: 0px!important;
	}
	.list-products .one-products{
		width: 100%;
	}
	.list-products .fuel-thumb{
		padding: 23px 0;
	}
}

/* Responsive */
@media (min-width: 1200px){
	#wrapperper .container, #wrapperper .navbar-static-top .container, #wrapperper .navbar-fixed-top .container, 
	#wrapperper .navbar-fixed-bottom .container {
		width: 1024px;
	}
}

